<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>走进时风</title>
    <link rel="stylesheet" href="css/zoujinshifeng.css"/>
</head>
<body>
      <header class="head">
          <div class="headtop"><!--设置头部的上半部分-->
             <div class="wrap">
                 <span class="headtop_left">欢迎访问时风官网!</span>
                 <ul class="headtop_right">
                         <li class="zi" >
                               <p>子公司</p>
                               <div class="zigongsi">
                                   <a href="#">时风电动车</a>
                                   <a href="#">时风锦纶工业</a>
                                   <a href="#">时风商用车</a>
                                   <a href="#">时风配件</a>
                               </div>
                         </li>
                         <li class="bangong">
                             <p>网上办公</p>
                             <div class="wangshangbangong">
                                 <a href="#">电信入口</a>
                                 <a href="#">网通入口</a>
                             </div>
                         </li>
                         <li class="caigou">
                             <p>采购平台</p>
                             <div class="caigoupingtai">
                                 <a href="#">电信入口</a>
                                 <a href="#">网通入口</a>
                             </div>
                         </li>
                         <li><a href="#">微博</a></li>
                         <li><a href="#">时风发动机交易网</a></li>
                         <li><a href="#">时风配件交易平台</a></li>
                 </ul>
             </div><!--设置头部的上半部分-->
          </div>
          <div class="headbottom"><!--设置头部的下半部分-->
              <div class="wrap">
                  <h1 class="left">
                      <a href="#"><!--title="logo">山东时风有限公司--></a>
                  </h1>
                  <div class="right_language">
                      <a href="#" class="title">中/EN</a>
                      <div class="china">
                          <a href="#">中文简体</a>
                          <a href="#">EN</a>
                      </div>
                  </div>
                  <div class="right_search">
                      <a href="#"><!--放大镜图片--></a>
                      <div class="fangdajing">
                          <input type="text" placeholder="请输入关键词">
                      </div>
                      
                  </div>

                  <nav class="nav">
                      <ul>
                          <li>
                              <div class="navs">
                              <a href="#" class="nav1">联系时风</a>
                                  <div class="subs"><!--【下拉框】-->
                                      <div class="a"><!--【左】-->
                                          <a href="#">联系我们</a>
                                          <a href="#">在线留言</a>
                                      </div>
                                      <div class="img"><!--【右上】-->
                                          <img src="img/客服.jpg" alt=""/>
                                      </div>
                                      <div class="p"><!--【右下】-->
                                          <p>时风时风 路路畅通</p>
                                      </div>

                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="navs">
                                  <a href="#"  class="nav1">人才招聘</a>
                                  <div class="subs">
                                      <div class="a">
                                          <a href="#">人力政策</a>
                                          <a href="#">职位招聘</a>
                                          <a href="#">简历投递</a>
                                      </div>
                                      <div class="img">
                                          <img src="img/飞机.jpg" alt=""/>
                                      </div>
                                      <div class="p">
                                          <p>时风时风 路路畅通</p>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="nav_s">
                                 <a href="#"  class="nav1">销售服务</a>
                                 <div class="sub_s">
                                     <div class="a">
                                         <a href="#">服务优势</a>
                                         <a href="#">服务承诺</a>
                                         <a href="#">销售网络</a>
                                         <a href="#">常见问题</a>
                                         <a href="#">资料下载</a>
                                     </div>
                                     <div class="img">
                                         <img src="img/敲代码.jpg" alt=""/>
                                     </div>
                                     <div class="p">
                                         <p>时风时风 路路畅通</p>
                                     </div>
                                 </div>
                              </div>
                          </li>
                          <li>
                              <div class="nav_s">
                                  <a href="#"  class="nav1">时风产品</a>
                                  <div class="sub_s">
                                      <div class="a">
                                          <a href="#">三轮汽车</a>
                                          <a href="#">低速载货汽车</a>
                                          <a href="#">发动机</a>
                                          <a href="#">商用汽车</a>
                                          <a href="#">轮胎</a>
                                      </div>
                                      <div class="img">
                                          <img src="img/汽车.jpg" alt=""/>
                                      </div>
                                      <div class="p">
                                          <p>时风时风 路路畅通</p>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="nav_s">
                                  <a href="#"  class="nav1">新闻媒体</a>
                                  <div class="sub_s">
                                      <div class="a">
                                          <a href="#">公司新闻</a>
                                          <a href="#">行业动态</a>
                                          <a href="#">专题报道</a>
                                          <a href="#">公司图片</a>
                                          <a href="#">活动视频</a>
                                      </div>
                                      <div class="img">
                                          <img src="img/钢笔.jpg" alt=""/>
                                      </div>
                                      <div class="p"><p>时风时风 路路畅通</p></div>
                                  </div>
                              </div>
                          </li>
                          <li>
                              <div class="nav_s">
                                  <a href="#"  class="first">走进时风</a>
                                  <div class="sub_s">
                                      <div class="a">
                                          <a href="#">时风简介</a>
                                          <a href="#">文化理念</a>
                                          <a href="#">研发中心</a>
                                          <a href="#">大事记</a>
                                          <a href="#">领导致辞</a>
                                      </div>
                                      <div class="img">
                                          <img src="img/大厦.jpg" alt=""/>
                                      </div>
                                      <div class="p"><p>时风时风 路路畅通</p></div>
                                  </div>
                              </div>
                          </li>
                          <li><a href="http://yuxiaomi.oschina.io/personal/shifeng_new.html"  class="nav1">首页</a></li>
                      </ul>
                  </nav>
              </div>

          </div><!--设置头部的下半部分-->
      </header>
      <section class="main">
          <div class="diyipinpai">
              <img src="img/走进时风页面__第一品牌.jpg" alt=""/>

              <div class="diyipinpai_1">
                  <p class="p1">走进时风</p>
                  <p class="p2">首页 > 走进时风</p>
              </div>
          </div>
         <!-- <div class="wrap">-->
              <div class="wenzi">
                  <p>聚焦国家新四化战略构想，树立和落实科学发展观，遵循“传统产业转型升级，
                      战略新兴产业加快发展”决策要求，围绕“一个战略目标”，建设“五大产业园”，
                      做强做大做久运输机械、农业装备、汽车、电动车和化纤轮胎，全力打造电动
                      汽车千亿产业，在未来跻身世界500强。
                  </p>
              </div>
          <div class="mains">
              <div class="jianjie">
                  <div class="jianjie_img">
                      <a href="#"><img src="img/走进时风——时风简介图片.jpg" alt=""/></a>
                          <div class="jianjie_wenzi">
                              <a href="#">
                                <h2>时风简介</h2>
                               <div class="jianjie_p"><p>全力打造电动汽车千亿产业，在未来跻身世界500强。</p></div>
                              </a>
                          </div>
                  </div>

              </div>
              <div class="linian">
                  <a href="#"><h2>文化理念</h2></a>
                  <a href="#">
                  <p>
                      企业文化体现为人本管理理论的最高层次。企业文化重视人的因素，强
                      调精神文化的力量，用文化力量形成一种行为准则、价值观念和道德规
                      范，增强员工的归属感、认同感，激发员工的积极性、创造性，引导员
                      工为企业的发展而努力...
                  </p>
                  </a>
                  <div class="jiazhi">
                      <a href="#">
                        <span>核心价值观</span>
                        <span>发展战略</span>
                        <span>质量理念</span>
                      </a>
                  </div>
              </div>
              <div class="yanfa">
                  <div>
                      <a href="#"><img src="img/走进时风——研发中心.jpg" alt=""/>
                      <div class="yanfa_wenzi">
                        <a href="#"><h2>研发中心</h2></a>
                        <a href="#"><div class="yanfa_p"><p>全力打造电动汽车千亿产业，在未来跻身世界500强。</p></div></a>
                        <div class="yanfa_1000">
                            <a href="#">
                                <p><span>1000</span>项</p>
                                <p class="yanfa_p1">科研成果和专利</p>
                            </a>
                        </div>
                      </div>
                      </a>
                  </div>
              </div>
              <a href="#">
              <div class="dashiji">
                      <h2>大事记</h2>
                      <table>
                          <tr class="one">
                              <td class="dashiji_1"><span>2015</span>年</td>
                              <td class="dashiji_2">&nbsp;&nbsp;&nbsp;&nbsp;</td>
                              <td>时风集团被评为中国"2015十大最受欢迎的小型电动车企业"。</td>
                          </tr>
                          <tr class="two">
                              <td class="dashiji_1"><span>2014</span>年</td>
                              <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                              <td class="dashiji_2">建设电动汽车自动化冲压线、涂装线和总装线，目前总装线正在安装设备，冲压线、涂装线设备已订购，年底将全面投入运行。</td>
                          </tr>
                          <tr class="three">
                              <td class="dashiji_1"><span>2013</span>年</td>
                              <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                              <td class="dashiji_2">建成电动汽车产业园第二工厂，总投资30亿元，目前建成拖拉机总装线、三轮汽车总装线及仓库、试车场、检测线等设施。</td>
                          </tr>
                      </table>
              </div>
              </a>
              <div class="lingdao">
                  <a href="#">
                      <img src="img/走进时风——领导致辞.jpg" alt=""/>
                      <h2>领导致辞</h2>
                  </a>
              </div>
              <div class="rongyu">
                  <a href="#">
                      <img src="img/走进时风——荣誉.png" alt=""/>
                      <h2>企业荣誉</h2>
                  </a>
              </div>

          </div>
         <!-- </div>-->
      </section>
      <footer class="foot">
          <div class="wrap_top">
              <div class="foot_left">
                  <div class="foot_logo">
                      <img src="img/foot_logo.png" />
                      <a href="#" class="zoujinshifeng">走进时风</a>
                  </div>
                  <div class="foot_left_font">

                      <ul class="left_font">
                          <li><a href="#" >时风简介</a></li>
                          <li><a href="#">文化理念</a></li>
                          <li><a href="#">研发中心</a></li>
                          <li><a href="#">大事记</a></li>
                          <li><a href="#">领导致辞</a></li>
                          <li><a href="#">领导关怀</a></li>
                          <li><a href="#">企业荣誉</a></li>
                      </ul>
                  </div>
              </div><!--设置foot_left部分-->
              <div class="foot_main">
                  <div >
                      <img src="img/foot_car.png"/>
                      <a href="#" class="shifengchanpin">时风产品</a>
                  </div>
                  <div class="foot_main_font">
                      <a href="#">
                          <table>
                              <tr class="hang">
                                  <td>三轮汽车 </td>
                                  <td>低速载货汽车</td>
                              </tr>
                              <tr class="hang">
                                  <td>发动机 </td>
                                  <td>商用汽车</td>
                              </tr>
                              <tr class="hang">
                                  <td>轮胎 </td>
                                  <td>收割机</td>
                              </tr>
                              <tr class="hang">
                                  <td>拖拉机 </td>
                                  <td>电动车</td>
                              </tr>
                              <tr class="hang">
                                  <td >锦纶工业 </td>
                              </tr>

                          </table>
                      </a>
                  </div>
              </div>
              <div class="foot_right">
                  <div>
                      <img src="img/foot_phone.png"/>
                      <a href="#" class="lianxiwomen">联系我们</a>
                  </div>
                  <div class="foot_right_font">
                      <p><a href="#">地址：山东省高唐县时风路1号</a></p>
                      <p><a href="#">集团：0635-<span class="num">3953153</span></a></p>
                      <p><a href="#">销售：0635-<span class="num">3950119</span> </a></p>
                      <p><a href="#">销售：0635-<span class="num">3950119</span> </a></p>
                      <p><a href="#">售后服务：0635-<span class="num">3950019</span></a></p>
                  </div>
              </div>
              <div class="photo">
                  <div class="weibo">
                      <img src="img/官方微博二维码.png" alt=""/>
                      <p>官方微博</p>
                  </div>
                  <div class="shouji">
                      <img src="img/手机站二维码.png" alt=""/>
                      <p>手机站</p>
                  </div>
                  <div class="final">
                      <div class="final_left">
                          <a href="#">成员公司</a>
                      </div>
                      <div class="final_right">
                          <a href="#">+</a>
                      </div>
                  </div>
              </div>
          </div>
          <div class="wrap_bottom">
              <div class="left">
                  <p>分享</p>
                  <a href="#"><img src="img/QQ.png" alt=""/></a>
                  <a href="#"><img src="img/微信.png" alt=""/></a>
                  <a href="#"><img src="img/微博.png" alt=""/></a>
                  <a href="#"><img src="img/更多.png" alt=""/></a>
                  <br/><br/><br/>
              </div>
              <div class="main">
                  <p class="p1">Copyright ©2016 <span><a href="#">山东时风(集团)有限责任公司</a></span> 版权所有</p>
                  <p><span><a href="#">鲁ICP备05015400号-1  捷瑞数字</a></span> 制作维护</p>
              </div>
              <div class="right">
                  <a href="#">网站地图</a>
                  <a href="#">法律声明</a>
                  <a href="#">联系我们</a>
                  <a href="#">网上办公</a>
              </div>

          </div>
          <br/><br/><br/>
      </footer>
      <div class="daohang">
          <div class="top"><a href="#"></a></div>
          <div class="main"><a href="#"></a></div>
          <div class="bottom">
              <a href="#" class="a1"></a>
              <div class="cebian"><a href="#" class="celogo"></a></div><!--设置弹出的二维码-->
          </div>
          <div class="bottom2"><a href="#"></a></div>
      </div>

</body>
</html>